<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <script type="text/javascript" src="assets/jwplayer.min.js"></script>
    <title>Configuration Options</title>
    <link type="text/css" rel="stylesheet" href="assets/style.css" />

</head>
<body>

<h2>Configuration Options</h2>

<div id="player"></div>
<script type="text/javascript">
function loadPlayer(back,state) {
    var options = {
        controlbar: 'bottom',
        file: 'http://content.bitsontherun.com/videos/7OCSON1y.mp4',
        height: 296,
        image: 'http://content.bitsontherun.com/thumbs/7OCSON1y-480.jpg',
        plugins: {
            '../captions.js': {
                file: 'assets/corrie.srt'
            }
        },
        flashplayer: 'assets/player.swf',
        width: 480
    };
    if(back !== undefined) {
        options.plugins['../captions.js'].back = back;
        options.plugins['../captions.js'].state = state;
    }
    jwplayer("player").setup(options);
}
</script>


<ul>
    <li><a href="javascript:loadPlayer()">Default options</a>:<br/>
        Captions should have a thin black outline. They should be enabled on first load, and in the state you left on refresh.</li>
    <li><a href="javascript:loadPlayer(true,true)">Back true, state true</a>:<br/>
        Captions should be in black box. They should always be on, no matter you disabled them before a refresh.</li>
    <li><a href="javascript:loadPlayer(false,false)">Back false, state false</a>:<br/>
        Captions should have a thin black outline. They should always be off, no matter you disabled them before a refresh.</li>
</ul>

<p>Test both in Flash and in one HTML5/MP4 browser (Chrome, IE9 or Safari).</p>

</body>
</html>